.event-detail-container {
  .pr16 {
    padding-right: 16px;
  }

  .ant-spin-nested-loading {
    background: transparent !important;
  }

  .ant-spin-container {
    height: 100%;
  }

  .desc-container {
    display: flex;
    flex-direction: column;
    border-radius: 0;
    font-size: 12px;
    max-height: 100%;

    .ant-card-body {
      box-sizing: border-box;
      flex: auto;
      overflow: auto;
    }

    .desc-row {
      display: flex;
      min-height: 26px;
      margin-bottom: 8px;

      &:last-of-type {
        margin-bottom: 0;
      }

      .desc-label {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 140px;
        color: var(--fc-text-3);
        white-space: nowrap;
        flex-shrink: 0;
      }

      .desc-content {
        flex: 1;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        color: var(--fc-text-1);
        word-break: break-all;

        .ant-row {
          flex: 1;
        }
      }

      .rule-link-btn {
        padding: 0;
        border: 0;
      }
    }

    .action-btns {
      display: flex;
      justify-content: flex-start;
      padding: 0 24px;
    }
  }
}